<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://developers.facebook.com/schema/">
<head>
	<title>Login - Wattpad</title>
	<meta http-equiv="X-UA-Compatible" content="IE=9"/>
	<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
	<meta name="keywords" content=""/>
	<meta name="description" content=""/>
	<link rel="shortcut icon" href="./favicon.ico"/>
	<link href='font.css' rel='stylesheet' type='text/css' />
	<link rel='stylesheet' href='css/web.css' type='text/css' />
    <link rel='stylesheet' href='css/facebox.css' type='text/css' />
    <script src='js/jquery.min.js' type='text/javascript'></script>
    <script src='js/jquery.cookie.min.js' type='text/javascript'></script>
    <script src='js/facebox.1.3.min.js' type='text/javascript'></script>
    <script src='js/wattpad.js' type='text/javascript'></script>
	<!--[if IE 6]>
	<script src='js/DD_belatedPNG_0.0.8a-min.js' type='text/javascript'></script>
	<script type="text/javascript">
		header_png();
	</script>
	<link rel='stylesheet' href='css/ie6.css' type='text/css' />
	<![endif]-->

	<!--[if IE 7]>
	<link rel='stylesheet' href='css/ie7.css' type='text/css' />
	<![endif]-->

	<script>
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-886196-1'],['_setDomainName', 'wattpad.com'],['_trackPageview'],['_trackPageLoadTime']);
	</script>
</head>

<body topmargin="0" leftmargin="0" rightmargin="0" >

    <!-- Header Shufle -->
    <div id="bg_header">
		<div class="shuffletab">
			<a href="/shuffle" title="Wattpad Shuffle">
			  <img src='images/shuffle_icon.png' width='40' height='40' alt='shuffle'  />
			</a>
		</div>
	</div>
    <!-- Header Shufle -->
    
	<!-- Header Wrapper -->
	<div id="header_wrapper">
	   <div id="header" class="png_bg updated">
           <!-- Header Login -->
           <div id="header_login">
                <form name="toplogin" id="toplogin" action="member-area/home.html" method="post" style="display:inline">
				    <input type="text" class="inputbox" id="username" name="username" placeholder="Username" size="8" maxlength="128">
				    <input type="password" class="inputbox" name="password" placeholder="Password" size="8" maxlength="20">
				    <input type="text" style="display: none;" disabled="disabled" size="1" />
				    <input type="submit" id="login_button" class="b2 medium orange" value="Login">
				    <!--[if IE]><input type="text" style="display: none;" disabled="disabled" size="1" /><![endif]-->
                </form>
	       </div>
           <!-- Header Login -->
	       
           <!--Top Menu Header-->
           <div id="top_nav_float">
					<div id="top_nav" class="png_bg">
						<ul class="main_tabs">
							<li class="header_tabs discover_container">
								<div id="discover_tab" class="tab_container has_subtabs">
									<span>Discover</span>
									<div class="search_wrapper png_bg">
										<form action="" method="get" onsubmit="searchOnSubmit(); return false;">
										<input type="text" id="searchinput" class="search_box" name="search" size="16"/>
										<input type="image" src="images/searchicon.png" class="search_box_submit"/>
									</form>
									</div>
									<div class="sub_tabs discover">
										<div class="discover_options hover_effect">
											<ul>
												<li><a href="sitemap.html">Categories<img src='images/arrow_right_white.png' width='12' height='12' alt='arrow_right_white.png'/></a></li>
												<li><a href="featured.html">Featured</a></li>
												<li><a href="watty.html">Watty Awards</a></li>
												<li><a href="undiscovered.html">Undiscovered Gems</a></li>
												<li><a href="index.html">What's Hot</a></li>
												<li><a href="new.html">What's New</a></li>
											</ul>
										</div>
										<div class="discover_categories hover_effect_cat">
											<ul>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Romance')">Romance</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Science Fiction')">Science Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Fantasy')">Fantasy</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Mystery')">Mystery</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Humor')">Humor</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Paranormal')">Paranormal</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Horror')">Horror</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Adventure')">Adventure</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Thriller')">Thriller</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Historical Fiction')">Historical Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Teen Fiction')">Teen Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Fan Fiction')">Fan Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Poetry')">Poetry</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Short Story')">Short Story</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Non-Teen Fiction')">Non-Teen Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Action')">Action</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Vampire')">Vampire</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Werewolf')">Werewolf</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Spiritual')">Spiritual</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Non-Fiction')">Non-Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Classics')">Classics</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Other')">Other</a></li>
											</ul>
										</div>
									</div>
								</div>
								<a id="logo_click" name="top" href="index.html" rel="nofollow"></a>
							</li>
							<li id="create_tab" class="header_tabs">
								<a href="/mystories"><span>Create</span></a>
							</li>
							<li id="community_tab" class="header_tabs has_subtabs">
								<span>Community</span>
								<div class="sub_tabs community hover_effect">
									<ul>
										<li><a href="insider.html">Insider</a></li>
										<li><a href="clubs.html">Clubs</a></li>
										<li><a href="#">Contests</a></li>
										<li><a href="watty.html">Watty Awards</a></li>
									</ul>
								</div>
							</li>
							
							<li id="login_links" class="header_tabs">
								<a class="join_now" href="register.html" rel="nofollow">Join Now</a>
								<a class="login_now" id="loginlink" href="#" onclick="return false;" rel="nofollow">Login</a>
							</li>
							
							<li class="header_tabs nav_links">
								<a href="#" title="Help"><img src='images/help.png' width='15' height='14' alt='help.png'  /></a>
								<!--
								<a href="#" onclick="$.facebox({ajax:'/dialog/language'})">
									English	<img src='http://a.wattpad.net/image/90476/v2/top/arrow_right_white.png' width='8' height='8' alt='arrow_right_white.png'  />								
								</a>
								-->
							</li>
						</ul>
					</div>
	       </div>
           <!--Top Menu Header-->
           
        </div>

			
			<script type="text/javascript">
				cleanHeaderBar();
			</script>

			<!--[if IE 6]>
			<script type="text/javascript">
				cleanHeaderBarIE6();
			</script>
			<![endif]-->

    </div>
    <!-- Header Wrapper -->

<!-- Content Wrapper -->		
<div id="content_wrapper">
    <!-- Content Background -->
	<div id="content_bg" class="png_bg">
    <!-- Content -->
	<div id="content">
    <!--Center-->
    <center>
	<br/><br/><br/><br/><br/>

	<!--Error--><div class="error" style="width:500px;">Please enter your username.</div><!--Error-->
    
    <!-- Table Login & Signup Register -->
	<table border="0" cellpadding="4" width="75%">
	<tr>
        <!-- Login Page -->
        <td valign="top" width="52%" height="100%">
	       <div class="panel login_page">
	           <form action="member-area/home.html" method="post" enctype="multipart/form-data">
	               <input type="hidden" name="nexturl" value="http://www.wattpad.com/user_signup">
	               <h1>Login</h1><br/>
	               <!-- Username -->
                   <label for="username">Username or Email</label><br/>
	               <input id="username" type="text" class="inputbig" name="username" maxlength="128" value="" style="width: 308px;" />
                   <br/>
	               <!-- Username -->
                   
                   <!-- Password -->
                   <label for="password">Password</label><br/>
	               <input type="password" class="inputbig" name="password" maxlength="20" style="width: 308px;"/><br/>
	               <!-- Password -->
                   
                   <!-- Remember Me -->
                   <input type="checkbox" id="noexpire" name="noexpire" value="1" checked="" /> 
                   <label for="noexpire" style="font-size:11px">Remember Me</label>
	               <a href="user_password" class="small" style="float: right;">Forgot password?</a><br/>
                   <!-- Remember Me -->
                    
                   <!-- Submit Bottom --> 
                   <div style="padding-top:8px; text-align:center;">
                        <input type="submit" value="Login" class="b2 medium green" />
                   </div>
                   <!-- Submit Bottom -->
                   
                </form>
            </div>

				<!--
                <a class="" id="" href="#" rel="nofollow" title="" onclick="facebook_prompt_permission('email,user_birthday,user_location,publish_stream', function() { window.location.href='user_fblogin?nexturl=http%3A%2F%2Fwww.wattpad.com%2Fuser_signup&access_token='+FBStatus.accessToken; }); return false;"><img class="" style="" alt="Facebook" border="0" width="175" height="25" src="http://a.wattpad.net/image/11668/v2/fb_mobile_login.png"/></a>				&nbsp;&nbsp;
				<a class="" id="" rel="nofollow" title="" href="http://www.wattpad.com/user_twlogin.php?nexturl=http%3A%2F%2Fwww.wattpad.com%2Fuser_signup" onclick = ""><img class="" style="" alt="Sign in with Twitter" border="0" width="151" height="24" src="http://a.wattpad.net/image/11668/twitter_signin.png"/></a>
                -->
        </td>
        <!-- Login Page -->
        
        <!-- Table Register -->
        <td valign="top" width="48%" height="100%">
            <div class="panel login_page">
                <h1>Not a member yet?</h1>
				<br />
				Join for FREE and ...
                    <div style="padding:0 20px">
				        <ul>
				            <li>Fan your favorite writers</li>
                            <li>Make and share reading lists</li>
				            <li>Receive alerts on story updates</li>
                            <li>Send messages and chat</li>
				            <li>Share your own stories</li>
				        </ul>
				    </div>
				    <div style="text-align:center">
				        <a href="register.html" class="b2 medium orange">Sign Up</a>
				    </div>
            </div>
       </td>
       <!-- Table Register -->
       
    </tr>
	</table>
    <!-- Table Login & Signup Register -->

</center>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

<script type="text/javascript">
	$(document).ready(function () {
		// TODO: Add autofocus attribute to element
		$('#content').find('#username').focus();
	});
</script>

	<!--Bottom Banner --><div id="ad_bottom_banner" style="clear:both;text-align:center;padding-bottom:10px"></div><!--Bottom Banner -->	
 
  </div>
 <!-- End Content-->
 
<!-- Content Bottom--> 
<div id="content_bottom" class="png_bg"></div>
<!-- Content Bottom-->

    
    <!-- Footer-->
    <div id="foot">
		<div class="col1">
			<!--<a href="http://www.facebook.com/wattpad" rel="nofollow"><img src='http://a.wattpad.net/image/11668/v2/footer/facebook.png' width='30' height='32' alt='facebook.png' style='margin:0 5px 10px 0'  /></a>
			<a href="http://twitter.com/wattpad" rel="nofollow"><img src='http://a.wattpad.net/image/11668/v2/footer/twitter.png' width='30' height='32' alt='twitter.png' style='margin:0 5px 10px 0'  /></a>
			<a href="http://www.youtube.com/user/wattpad" rel="nofollow"><img src='http://a.wattpad.net/image/11668/v2/footer/youtube.png' width='32' height='32' alt='youtube.png' style='margin:0 5px 10px 0'  /></a>
			<br>-->
			MADE IN ENGLAND <img src='images/canada.png' width='12' height='14' alt='canada.png'  /><br/>
			&copy; 2012 WP Technology Inc.
			
		</div>
		
    	<div style="float: right;">
    		<div class="col2">
    			WATTPAD<br/>
    			<a href="about.html">ABOUT US</a><br/>
    			<a href="blog.html" rel="nofollow">BLOG</a><br/>
    			<a href="jobs.html" rel="nofollow">JOBS</a><br/>
    		</div>
    		<div class="col2">
    			HELP<br/>
    			<a href="#">QUESTIONS?</a><br/>
    			<a href="contact_us.html" rel="nofollow">CONTACT US</a><br/>
    			<a href="#" rel="nofollow">GIFT SHOP</a><br/>
    		</div>
    		<div class="col2">
    			MORE INFO<br/>
    			<a href="terms.html" rel="nofollow">TERMS OF SERVICE</a><br/>
    			<a href="privacy.html" rel="nofollow">PRIVACY POLICY</a><br/>
    			<a href="codeofconduct.html" rel="nofollow">CODE OF CONDUCT</a><br/>
    		</div>
    	</div>
        
    </div>
    <!-- Footer-->

  </div>
</div>

<script type="text/javascript">
	if ($("#system_message").length>0) {
		$('#content').css("padding-top", "30px");
		$('#content_block').css("padding-top", "30px");
	}

	if (isMobile()) {
		$('#header').css("position", "relative");
	}

	$('body, #top_nav_float, #header').css('background', 'url(\'images/linen.jpg\') fixed');</script>

<!-- FB -->
<div id="fb-root"></div>
<script type="text/javascript">
	header_fb('2582347323');
</script>

<!-- GA -->
<script type="text/javascript">
(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>

<!-- QC -->
<script type="text/javascript">
  var _qevents = _qevents || [];
  (function() {
   var elem = document.createElement('script');
   elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
   elem.async = true;
   elem.type = "text/javascript";
   var scpt = document.getElementsByTagName('script')[0];
   scpt.parentNode.insertBefore(elem, scpt);
  })();
</script>
<script type="text/javascript">
_qevents.push( { qacct:"p-45MMy5TH1XE82"} );
</script>
<noscript>
    <div style="display: none;">
        <img src="images/p-45MMy5TH1XE82.gif" height="1" width="1" alt="Quantcast"/>
    </div>
</noscript>
</body>
</html>